<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米团购</title>
    <link rel="stylesheet" href="./5.css">
</head>

<body>
    <div class="header">
        <div class="wrap">
            <div class="header-left">
                <img src="./img/milogo.png" alt="" class="logo">
                <ul>
                    <li class="main-nav"><a href="#">小米商城</a></li>
                    <li class="main-nav"><a href="#">小米团购</a></li>
                    <li class="main-nav"><a href="#">MIUI</a></li>
                    <li class="main-nav"><a href="#">loT</a></li>
                    <li class="main-nav"><a href="#">云服务</a></li>
                    <li class="main-nav"><a href="#">金融</a></li>
                    <li class="main-nav"><a href="#">小米有品</a></li>
                </ul>
            </div>
            <div class="header-right">
                <input type="text" placeholder="输入商品名称进行搜索">
                <button class="denglu">登录</button>
                <button class="zhuce">立即注册</button>
            </div>
        </div>
    </div>


    <div class="ad">
        <div class="wrap">
            <div class="ad-left">
                <span class="qiye">企业特惠</span>
                <span>好物优选</span>
                <p class="line1">联系方式：400-100-5678 转人工 （团购业务咨询）</p>
                <p class="line2">在线时间：09:00-18:00（法定工作日）</p>
                <button>登录企业账户</button>
            </div>
            <img src="./img/ad1.webp" alt="" class="ad-right">
        </div>
    </div>


    <div class="service">
        <div class="wrap">
            <p class="service-title">企业会员专属权益</p>
            <div class="service-body1">
                <ul class="service-body">
                    <li><img src="./img/s1.png" alt="">
                        <p>官方直供</p>
                    </li>
                    <li><img src="./img/s2.png" alt="">
                        <p>专属价格</p>
                    </li>
                    <li><img src="./img/s3.png" alt="">
                        <p>快捷采购</p>
                    </li>
                    <li><img src="./img/s4.png" alt="">
                        <p>增票采购</p>
                    </li>
                    <li><img src="./img/s5.png" alt="">
                        <p>专属客户</p>
                    </li>
                    <li><img src="./img/s6.png" alt="">
                        <p>官方售后</p>
                    </li>
                </ul>
            </div>
            <p class="service-title">采购流程</p>
            <div class="service-body2">
                <ul class="service-body">
                    <li><img src="./img/ss1.png" alt="">
                        <p>入驻</p>
                    </li>
                    <li><img src="./img/ss2.png" alt="">
                        <p>下单</p>
                    </li>
                    <li><img src="./img/ss3.png" alt="">
                        <p>审核</p>
                    </li>
                    <li><img src="./img/ss4.png" alt="">
                        <p>支付</p>
                    </li>
                    <li><img src="./img/ss5.png" alt="">
                        <p>发货</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <div class="product">
        <div class="wrap">
            <div class="product-nav">
                <ul>
                    <li><a href="#">手机</a></li>
                    <li><a href="#">笔记本电脑</a></li>
                    <li><a href="#">平板</a></li>
                    <li><a href="#">智能穿戴</a></li>
                    <li><a href="#">黑电</a></li>
                    <li><a href="#">白电</a></li>
                    <li><a href="#">厨小个护</a></li>
                    <li><a href="#">生活电器</a></li>
                    <li><a href="#">智能家装</a></li>
                    <li><a href="#">厨房大电</a></li>
                    <li><a href="#">智能硬件</a></li>
                    <li><a href="#">3C酷玩</a></li>
                </ul>
            </div>
            <!-- 手机模块 -->
            <div class="phone-box-right">

            </div>


            <script src="./json.js"></script>
        </div>
    </div>



    <!-- 底部 -->
    <div class="bottom">
        <div class="wrap">
            <div class="bottom-logo">
                <img src="./img/milogo.png" alt="">
            </div>
            <div class="bottom-text">
                <ul class="bottom-text-top">
                    <li><a href="#">小米商城</a><span>|</span></li>
                    <li><a href="#">小米澎湃OS</a><span>|</span></li>
                    <li><a href="#">米家</a><span>|</span></li>
                    <li><a href="#">多看</a><span>|</span></li>
                    <li><a href="#">游戏</a><span>|</span></li>
                    <li><a href="#">音乐</a><span>|</span></li>
                    <li><a href="#">政企服务</a><span>|</span></li>
                    <li><a href="#">小米天猫店</a><span>|</span></li>
                    <li><a href="#">小米集团隐私政策</a><span>|</span></li>
                    <li><a href="#">小米公司儿童信息保护规则</a><span>|</span></li>
                    <li><a href="#">小米商城隐私政策</a><span>|</span></li>
                    <li><a href="#">小米商城用户协议</a><span>|</span></li>
                    <li><a href="#">问题反馈</a><span>|</span></li>
                    <li><a href="#">Select Location</a><span></span></li>
                </ul>
                <ul class="bottom-text-top">
                    <li><a href="#">北京互联网法院法律服务工作站</a><span>|</span></li>
                    <li><a href="#">中国消费者协会</a><span>|</span></li>
                    <li><a href="#">北京市消费者协会</a><span></span></li>
                </ul>
                <ul class="bottom-text-middle">
                    <li>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2023]0169-004号</li>
                    <li>（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</li>
                    <li>增值电信业务经营许可证编号：京B2-20180851 网络食品经营备案 京食药网食备202010048 食品经营许可证 新出发京批字第直220280号</li>
                    <li>违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</li>
                </ul>

            </div>
        </div>
    </div>

</body>

</html>